<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Yet Another Magnet Search Engine</title>
    <style type="text/css" media="screen">
        body {
            margin: 0;
            padding: 0;
        }

        #wrap {
            width: 980px;
            margin: 5px auto;
        }

        #header {
            height: 30px;
        }

        #main {
            margin: 20px 10px;
        }

        #content {
            min-height: 130px;
            padding: 20px 5px;
        }

        #footer {
            text-align: center;
            font-size: 13px;
            margin-top: 20px;
            padding-top: 5px;
            border-top: 1px solid #888;
        }

        .search-box #s_text {
            width: 200px;
        }
    </style>
</head>
<body>
<div id="wrap">
    <div id="header">
        <h2><a style="text-decoration:none;" href="/">Magnet Search Engine</a></h2>
    </div>
    <div id="main">
        <div class="search-box">
            <form id="s_box" method="get" action="/e/http_handler:search">
                <input id="s_text" name="q" type="text"/>
                <input id="s_submit" value="Search" type="submit"/>
            </form>
        </div>
        <div id="content">
            <p>
                Try <a href="/e/http_handler:search?q=avi">AVI</a>
                &nbsp;<a href="/e/http_handler:search?q=american">American</a>
                &nbsp;<a href="/e/http_handler:search?q=iron+man">Iron Man</a>
            </p>
        </div>
        <div id="footer">
            <a href="/e/http_handler:today_top">Top</a>
            <a href="/e/http_handler:stats">Stats</a>
            <span> &copy; Kevin Lynx 2013</span>
        </div>
        <script type="text/javascript">
            document.getElementsByTagName('input')[0].focus();
        </script>
    </div>
</div>
</body>
</html>

